<template>
	<movable-area class="movable-po">
        <movable-view x="600" y="600" :out-of-bounds="true" class="po-top-r" direction="all">
            <button class="po-button " open-type="contact" ></button>
        </movable-view>
    </movable-area>
</template>

<script>
export default {
	props:{},
	components: {},
	computed:{},
	data() {
		return {
			
		};
	},
	onLoad() { },
	methods: {
		
	}
};
</script>

<style lang="scss" scoped>
.movable-po {
    position: absolute;
    // z-index: 99;
    top: 20%;
    width: 1rpx;
    height: 600rpx;
}
.po-top-r {
    overflow: hidden;
	position: fixed;
	top: 50%;
	left:620rpx;
	z-index: 99;
	width: 100rpx;
	height: 100rpx;
	background: url("https://cdn1.visiotrip.com/h5AndMini/service_0105.png") 0 0 no-repeat;
	background-size: 100%;
	.po-button {
		width: 100rpx;
		height: 100rpx;
        border-radius: 50%;
        padding: 0;
		background:rgba($color: #fff, $alpha: 0);
        border: none;
	}
}
</style>
